#include("./layout.html")
#include("_include.html")

#@layout()

#define script()
#@productIncludeJs()
#end

#define css()
#@productIncludeCss()
#end

#define content()

<!---->
<div class="product-top bg-light">

    #@defaultProductHeader()

</div>

<!---->
<div class="col-md-8 col-lg-8 col-xl-9 #(option('whimurmur_sidebar_position') == 'left' ? 'offset-md-4 offset-lg-4 offset-xl-3 cl-right' : 'cl-left')">
    <div class="cl-artical-content bg-light">

        <div class="cl-artical">
            #(product.content)
        </div>
    </div>

    <div id="comment">
        #@defaultProductCommentPage()
    </div>
    
    #if(option("whimurmur_content_ad" ??))
    <div class="content-ad bg-light" id="content-ad">
        <div class="content-ad-title">广告位-动动手帮助网站活下去</div>
        <div class="content-ad-main pb-3">
            <div id="content-tail-ad" class="m-1">
                #option("whimurmur_content_ad" ??)
            </div>
        </div>
    </div>
    #end

</div>

<div class="col-md-4 col-lg-4 col-xl-3 #(option('whimurmur_sidebar_position') == 'left' ? 'offset-mdn-8 offset-lgn-8 offset-xln-9 offset-smn-0 cl-left' : 'cl-right')">
    #if(option('whimurmur_shopper_contact_text'))
    <div class="right-card bg-light">
        
        <div class="right-card-main">
            <div class="right-card-title">联系商家</div>
            <div class="cl-card-content">
                <img src="#option('whimurmur_shopper_contact','img/default-img.png')" class="img-fluid" alt="">
                <p class="text-center">#option('whimurmur_shopper_contact_text')</p>
            </div>

        </div>
        
    </div>
    #end

    #relevantProducts(product)
    <div class="right-card bg-light">

        <div class="right-card-main">
           
            <div class="right-card-title">相关推荐</div>

            <ul class="product-recommended-list">
                #for(product : relevantProducts)
                <li>
                    <a href="#(product.url)">
                        <img src="#(product.thumbnail ? product.thumbnail : (product.showImage ? product.showImage : 'img/default-img.png'))" class="" alt="">
                        <p class="recommended-title">#(product.title ??)</p>
                    </a>
                </li>
                #end
            </ul>
           
        </div>
    </div>
     #end
    
</div>
#end